<? include "$_SERVER[DOCUMENT_ROOT]/_pilot/cmn/jsp/include/plt/html/inc_head.html"; ?>
<? include "$_SERVER[DOCUMENT_ROOT]/_pilot/cmn/jsp/include/plt/html/layout/layoutA_1.html"; ?>

<div class="service-con">
	<script type="text/javascript">
	$(document).ready(function(){
		$.datepicker.regional['kr']= {
			closeText:'닫기',
			prevText:'',
			nextText:'',
			currentText:'오늘',
			monthNames:['01','02','03','04','05','06','07','08','09','10','11','12'],
			monthNamesShort:['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],
			dayNames:['일','월','화','수','목','금','토'],
			dayNamesShort:['일','월','화','수','목','금','토'],
			dayNamesMin:['일','월','화','수','목','금','토'],
			weekHeader:'Wk',
			dateFormat:'yy.mm.dd',
			firstDay:0,
			isRTL:false,
			showMonthAfterYear:true,
			yearSuffix:''
		};
		$.datepicker.setDefaults($.datepicker.regional['kr']);
		$( "#datepicker" ).datepicker({
		  changeMonth: true,
		  changeYear: true
		});
		
		$( "#from" ).datepicker({
		  defaultDate: "+1w",
		  changeMonth: true,
		  numberOfMonths: 1,
		  buttonText: "달력으로날짜선택 레이어뜸",
		  onClose: function( selectedDate ) {
		    $( "#to" ).datepicker( "option", "minDate", selectedDate );
		  },
	      showOn: "button",
	      buttonImage: "/_pilot/img/etc/plt/calendar.gif",
	      buttonImageOnly: true
		});
		$( "#to" ).datepicker({
		  defaultDate: "+1w",
		  changeMonth: true,
		  numberOfMonths: 1,
		  buttonText: "달력으로날짜선택 레이어뜸",
		  onClose: function( selectedDate ) {
		    $( "#from" ).datepicker( "option", "maxDate", selectedDate );
		  },
	      showOn: "button",
	      buttonImage: "/_pilot/img/etc/plt/calendar.gif",
	      buttonImageOnly: true
		});
	});
	</script>

<form action="">
		<fieldset>
			<legend>이체내역조회</legend>
			<table cellspacing="0" summary="거래구분, 계좌번호, 뱅킹구분, 조회기간, 상태구분의 순서로 테이블 제목을 나타낸 표입니다." class="tbl-type1 mb20">
				<caption>이체내역조회</caption>
				<colgroup>
					<col style="width:25%" />
				</colgroup>
				<tbody>
					<tr>
						<th scope="row" class="first">날짜선택</th>
						<td class="first">
							<select title="년도선택">
								<option value="">2013</option>
							</select>
							<select title="월선택">
								<option value="">11</option>
							</select>
							<select title="일선택">
								<option value="">22</option>
							</select>
							<input type="text" id="datepicker" title="달력으로 날짜선택하기" />
						</td>
					</tr>
					<tr>
						<th scope="row" class="first">조회기간</th>
						<td class="first">
							<input type="text" id="from" name="from" title="조회기간 시작일" /> ~
							<input type="text" id="to" name="to" title="조회기간 종료일" />
							<div class="mt5">
								<span class="btn-pack btn-type-1"><a href="#none" onclick="bsUI.adjustDate(0,0,0,'.')">오늘</a></span>
								<span class="btn-pack btn-type-1"><a href="#none" onclick="bsUI.adjustDate(0,0,-3,'.')">3일</a></span>
								<span class="btn-pack btn-type-1"><a href="#none" onclick="bsUI.adjustDate(0,0,-7,'.')">1주</a></span>
								<span class="btn-pack btn-type-1"><a href="#none" onclick="bsUI.adjustDate(0,-1,0,'.')">1달</a></span>
								<span class="btn-pack btn-type-1"><a href="#none" onclick="bsUI.adjustDate(0,-2,0,'.')">2달</a></span>
								<span class="btn-pack btn-type-1"><a href="#none" onclick="bsUI.adjustDate(0,-3,0,'.')">3달</a></span>
							</div>
						</td>
					</tr>
				</tbody>
			</table>
			<div class="align-r">
				<button type="button" class="btn-icon-minus">조회</button>
			</div>
		</fieldset>
	</form>

</div><!-- //service-con -->

<? include "$_SERVER[DOCUMENT_ROOT]/_pilot/cmn/jsp/include/plt/html/layout/layoutA_2.html"; ?>